<html lang="en" xml:lang="en"><head>
<META http-equiv="Content-Type" content="text/html">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><META name="description" content="Select a  theme for your app."><meta name="content-language" content="en"><link href="rsrc/htmlhelp.css" rel="stylesheet" type="text/css"><title>Web AppBuilder for ArcGIS | Help - Theme</title>
                <script type="text/javascript" language="JavaScript">
                    var pathL  = self.location.pathname.split ("/");
                    var fname = pathL[pathL.length-1];
                    var i = fname.lastIndexOf (".htm");
                    if (i>=0) {
                    fname = fname.substring (0, i)
                    } else {
                    //??
                    }
                    if (self.location.hash) {
				    		      fname = fname + self.location.hash;
						        }
                    self.location.replace ("../index.html#//" + fname);
                </script>
                </head><!--Publication GUID: [GUID-E7D1C130-8F87-4109-8D61-E73A46083F52]--><!--Topic GUID: [GUID-EB575E63-CAD5-4457-9CCB-DE788304E01D]--><body><div id="content"><div class="header"><h1>Theme</h1><div id="breadcrumb"></div></div>
<p id="GUID-E549CEE9-2178-4C8B-9758-0135B7558EED">
A theme is a template framework representing the look and feel of an  app. Contents in a theme include  a collection of panels, styles, and  layouts, and a set of preconfigured theme widgets.    One app can include more than one theme, but it can only use one theme while running.</p><p id="GUID-B681A9A5-2CFB-4090-AC7D-CD548FE44D3E"><span purpose="ph" varid="wab">Web AppBuilder for ArcGIS</span> provides out-of-the-box  themes.  The <span class="uicontrol">Theme</span> tab supports the following functions:</p><ul purpose="ul" id="UL_766AD900D3A147F79CE9F5F6355D7FC6"><li purpose="li" id="LI_C48F6386FD6B439EBE6EE2CB3F838976">Select a theme—Choose from one of the following themes.<ul purpose="ul" id="UL_3D1964B63FB245058531A1B06CBE432D"><li purpose="li" id="LI_7070D39BDA844076AE4C3B5D8A9D6824">Billboard—This theme has the most layouts of all the themes and does not include a widget controller. All the widgets in the theme are on-screen widgets. It is designed for the app with simple tasks.</li><li purpose="li" id="LI_4F6B60F91B1B4610B280287A53A03DE6">Box—Focuses on the widgets in the widget controller. By default, all on-screen widgets are turned off. There are no placeholders. It is designed for the app that requires a clean look on the map.</li><li purpose="li" id="LI_46BBDC56C1AB435F96D35CDB87BB9E4C">Dart—The widgets in the widget controller display like placeholder widgets.  You can have multiple widgets open and move them around. By default, all on-screen widgets are turned off. There are no placeholders.</li><li purpose="li" id="LI_2AFF579B337B41569D388A7597561106">Foldable—The first theme created by <span purpose="ph" varid="wabshort">Web AppBuilder</span>. It supports all widget types and can be used   for the app with complicated tasks.</li><li purpose="li" id="LI_2593E4D0DA584EC890E22C23099167D9">Jewelry Box—Evolved from the Foldable theme with  a focused widget on the left of the app. It is designed for the app with a workflow task.</li><li purpose="li" id="LI_7503C0BB3C5749838060D6F23C5D53D2">Launchpad—Designed for users who prefer the Apple Mac  style. It allows you to open multiple widgets, and move, resize, and minimize them.</li><li purpose="li" id="LI_50F649646B084C41A3A5C7669CD49655">Plateau—Can be used to create a modern and basic application with flat toolbars and widget containers.   
</li><li purpose="li" id="LI_1831448D21174C7BBBFE7F7E4A54514E">Tab—Like the Foldable theme, it supports all widget types and can be used for the app with complicated tasks.</li></ul><div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-E521691F-6DB4-4DD6-8645-C5CB7560D4F8-web.png" purpose="img" alt="Themes" title="Themes"></td></tr></table></div><div class="notes" id="GUID-484CFC35-BC7E-415D-B140-2AF8F6E29E59"><div class="caution"><img class="note_img" src="rsrc/caution.png" alt="Caution" title="Caution"><span>Caution:</span></div><div class="tipbody"><p id="GUID-58333879-DFB1-4683-9099-987BAFDC37E1">The Plateau theme is not available when you build 3D apps.</p><p id="GUID-F8A32BE5-5AE3-456B-AEFC-1B0F294193F2">Currently, the following themes do not support Internet Explorer 8: Box, Dart, and Launchpad.</p></div></div></li><li purpose="li" id="LI_2C52356DE3DE452CBCF5FB60D3E75489">Select a style—The available styles vary depending on which theme is selected. Most themes have seven predefined colors to choose from,  except the Launchpad theme. <div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-A54B8962-C858-4E83-BBC4-5F263C546040-web.png" purpose="img" alt="Style" title="Style"></td></tr></table></div>You can also choose your own color by clicking the last color to open the color picker. <div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-ACAADAC1-5867-4D65-ACE9-35968260717A-web.png" purpose="img" alt="Color picker" title="Color picker"></td></tr></table></div></li><li purpose="li" id="LI_E98608EB4D94436A8FAF0C8D055FDF08">Select a layout—A layout represents a preset placement of user interface items. <div class="image" purpose="image"><table><tr><td><img class="break" src="03w3/GUID-37FFE688-CA24-40CB-8E02-1C0C9A3E23AF-web.png" purpose="img" alt="Layouts" title="Layouts"></td></tr></table></div><ul purpose="ul" id="UL_8A4EF92C12D2463FAC0F8DFD30CE6F23"><li purpose="li" id="LI_F3946A49214B4B3AB5904BDF940E295E">When you build 2D apps, the available layouts vary depending on which theme is selected. In addition, there are two styles of layout.  One is for desktop and one is for mobile devices. When either the height or width of a screen display is less than 600 pixels, the mobile layout applies.</li><li purpose="li" id="LI_B7101598F18241BB888C4D7C2C8901DA">When you build 3D apps, each theme has   two layouts  for desktop only. </li></ul></li></ul>

<div class="footer"> Copyright © 1995-2016 Esri. All rights reserved. </div></div></body></html>